﻿<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>iNEWU 爱牛油 - 在线观看免费正版高清亚洲电视剧、电影、综艺、动漫 - 独家韩剧、陆剧、泰剧 </title>
        <link href="favicon.ico" rel="shortcut icon">
	    <script src="js/common/axios.min.js"></script>
        <script src="js/common/vue.js"></script>
        <script src="js/common/template.js"></script>
        <script src="js/common/vue-resource.js"></script>
        <script src="js/common/httpVueLoader.js"></script>
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/library.css">
        <script src="https://cdn.tailwindcss.com"></script>
        <style type="text/css">
            [v-cloak]{
              display: none;
            }
        </style>
    </head>
    <body>
        <div id="contn">
            <v-header></v-header>
            <v-main @add-notice="addNotice"></v-main>
            <v-footer></v-footer>
            <v-notice ref="noticeRef"></v-notice>
            <v-side ref="noticeRef"></v-side>
        </div>
        <template id="vMain">
            <main v-cloak>
                <div class="palace">
                    <div class="cate flex">
                        <div class="item" :class="{active:currInd == i}" v-for="(item,i) in library">{{item.name}}</div>
                    </div>
                    <div class="filters">
                        <div class="row flex" v-for="item in filters">
                            <p class="name">{{item.name}}</p>
                            <div class="list flex flex-wrap">
                                <div class="item" :class="{active:!s}" v-for="(sItm,s) in item.list">{{sItm.name}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="vids flex flex-wrap">
                        <div class="item cursor" v-for="(sItm,i) in list">
                            <div class="mid cover">
                                <p class="fill" @click="toDtl(sItm)"></p>
                                <img :src="sItm.cover" class="fc">
                                <div class="series">
                                    <p class="t">38集全</p>
                                </div>
                                <div class="right-top">TOP<span>10</span></div>
                                <a href="play.html" target="_blank" class="play mid r50 btn hvc play-btn">
                                    <img src="img/common/triangle.png" class="hvc">
                                </a>
                                <div class="collect mid r50 btn pop-parent expandHover">
                                    <img src="img/common/collect.png" class="hvc">
                                    <div class="pop">
                                        <p>加入收藏</p>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="txt" @click="toDtl(sItm)">
                                <p class="name l2">{{sItm.name}}</p>
                            </div>                            
                        </div>
                    </div>
                    <div class="load-box" v-if="times < 3">
                        <p class="load"></p>
                    </div>
                </div>
            </main>
        </template>
        
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/dataUrl.js"></script>
        <script>
            Vue.use(httpVueLoader);
            var contn = new Vue({
                el:'#contn',
                data:{
                   
                },
                methods:{
                    addNotice(obj){
                        
                    }
                },
                mounted:function(){
                    ifMounted = true;
                },
                components:{
                    'v-header': 'url:./js/common/v-header.vue',
                    'v-footer': 'url:./js/common/v-footer.vue',
                    'v-notice': 'url:./js/common/v-notice.vue',
                    'v-side': 'url:./js/common/v-side.vue',
                    vMain:{
                        template: '#vMain',
                        data:function(){
                            return{
                                times:0,
                                library:[
                                    {name:'电视剧'},
                                    {name:'电影'},
                                    {name:'综艺'},
                                    {name:'动漫'},
                                ],
                                currInd:0,
                                filters:[
                                    {
                                        name:'地区',
                                        list:[
                                            {name:'全部地区'},
                                            {name:'中国大陆'}
                                        ]
                                    },
                                    {
                                        name:'类型',
                                        list:[
                                            {name:'全部类型'},
                                            {name:'青春'}
                                        ]
                                    },
                                    {
                                        name:'字幕',
                                        list:[
                                            {name:'全部字幕'},
                                            {name:'人工翻译'}
                                        ]
                                    },
                                    {
                                        name:'资费',
                                        list:[
                                            {name:'全部付费类型'},
                                            {name:'会员'}
                                        ]
                                    },
                                    {
                                        name:'年代',
                                        list:[
                                            {name:'全部年代'},
                                            {name:'2025'}
                                        ]
                                    },
                                    {
                                        name:'排序',
                                        list:[
                                            {name:'最热'},
                                            {name:'最新'}
                                        ]
                                    },
                                ],
                                list:[
                                    
                                    {name:'与晋长安',cover:'img/index/1.jpg'},
                                    {name:'与晋长安',cover:'img/index/2.jpg'},
                                    {name:'与晋长安',cover:'img/index/3.jpg'},
                                    {name:'与晋长安',cover:'img/index/4.jpg'},
                                    {name:'与晋长安',cover:'img/index/5.jpg'},
                                    {name:'与晋长安',cover:'img/index/6.jpg'},
                                    {name:'与晋长安',cover:'img/index/7.jpg'},
                                    {name:'与晋长安',cover:'img/index/8.jpg'},
                                    {name:'与晋长安',cover:'img/index/9.jpg'},
                                    {name:'与晋长安',cover:'img/index/10.jpg'},
                                    {name:'与晋长安',cover:'img/index/11.jpg'},
                                    {name:'与晋长安',cover:'img/index/12.jpg'},
                                ]
                            }
                        },
                        methods:{
                            collect(ind){
                                this.$refs.noticeRef.add({
                                    msg:'收藏成功',
                                    type:'success',
                                    time:new Date().getTime()
                                });
                            },
                            writingWeb(){
                                var This = this;
                            },
                            getList() {
                                var This = this;
                                if(this.loading) return false;
                                this.loading = true;
                                this.times++;
                                setTimeout(function(){
                                    This.list = This.list.concat([
                                        {name:'与晋长安',cover:'img/index/1.jpg'},
                                        {name:'与晋长安',cover:'img/index/2.jpg'},
                                        {name:'与晋长安',cover:'img/index/3.jpg'},
                                        {name:'与晋长安',cover:'img/index/4.jpg'},
                                        {name:'与晋长安',cover:'img/index/5.jpg'},
                                        {name:'与晋长安',cover:'img/index/6.jpg'},
                                        {name:'与晋长安',cover:'img/index/7.jpg'},
                                        {name:'与晋长安',cover:'img/index/8.jpg'},
                                        {name:'与晋长安',cover:'img/index/9.jpg'},
                                        {name:'与晋长安',cover:'img/index/10.jpg'},
                                        {name:'与晋长安',cover:'img/index/11.jpg'},
                                        {name:'与晋长安',cover:'img/index/12.jpg'},
                                    ]);
                                    This.loading = false;
                                },1500);
                            },
                            toDtl(row){
                                window.open("info.html", "_blank");
                            }
                         
                        },
                        beforeDestroy() {
                        },
                        mounted:function(){
                            var This = this;
                            this.writingWeb();
                            $(window).scroll(function() {
                                if($('.load-box')[0].getBoundingClientRect().top < window.innerHeight && !This.loading){
                                    This.getList();
                                }
                            })
                        }
                    },
                },
            })
            
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>